<script setup lang="ts"></script>

<template>
  <div class="container">
    <div v-for="i in 6" class="item" :key="i">{{ i }}</div>
  </div>
</template>

<style lang="scss" scoped>
.container {
  display: inline-block;
  background-color: rgba(142, 237, 240, 0.68);
  display: flex;
  min-width: 550px;
  height: fit-content !important;
  /* flex-wrap: wrap; */
  align-content: flex-start;
}
.item {
  height: 100px;
  line-height: 100px;
  margin: 10px;
  background-color: rgb(15, 161, 146);
  color: aliceblue;
  flex: 1 1 100px;
  text-align: center;
}
</style>
